Saltar al contenido
/caso-de-estudio — home swap home

Intercambiar hogares, vivir como un local.

Diseño de producto de intercambio de viviendas para empleados, integrado dentro de Marcel —la plataforma de talento de Publicis—. Buscar, publicar y gestionar propiedades con la confianza como eje, creando componentes nuevos sin salir de las normas de marca de Marcel.

cliente
Publicis · Marcel
rol
Product Design
equipo
1 Designer · 2 Dev
año
2023
Portátil mostrando la landing de Home Swap Home con el buscador y el lema Make yourself at home
/contexto — 01

Un producto de consumo donde la confianza lo es todo.

Publicis quería ofrecer a sus empleados el intercambio de viviendas entre compañeros, integrado dentro de Marcel, su plataforma interna de talento. A diferencia de una reserva de hotel, aquí una persona abre su propio hogar a un compañero: la decisión no es de precio, es de confianza. El reto era diseñar una experiencia que hiciera fácil descubrir propiedades y transmitiera seguridad en cada paso, encajando de forma natural en un producto ya existente.

objetivo

Integrar un módulo de intercambio de viviendas dentro de Marcel: simplificar la búsqueda, aclarar los flujos de publicación y gestión, y reforzar la confianza entre empleados.

solución

Un buscador con filtros claros, tarjetas de propiedad ricas en señales de confianza, y componentes nuevos construidos según las normas de marca de Marcel.

/experiencia — 02

Buscar y filtrar sin perder el rumbo.

El recorrido arranca con una pregunta directa —«¿A dónde te gustaría ir?»— y un buscador de lugar, fechas y huéspedes. Los filtros por tipo de vivienda y habitaciones acotan los resultados, y cada tarjeta muestra de un vistazo lo que importa: tipo, capacidad, y las condiciones de intercambio como couchsurfing o acuerdos de última hora.

Pantalla de búsqueda de Home Swap con buscador, panel de filtros por tipo de vivienda y tarjetas de resultados
Buscador, filtros y resultados en una sola vista — con la tarjeta en hover revelando los detalles clave de la propiedad.
/recorrido — 03

Un recorrido coherente de principio a fin.

De la home al detalle de propiedad, del listado con mapa a la exploración por destinos, cada pantalla comparte la misma retícula, tipografía y jerarquía. La consistencia no es estética: es lo que permite al usuario reconocer dónde está y qué puede hacer sin volver a aprender la interfaz en cada paso.

Composición isométrica de las pantallas de Home Swap: home, detalle de propiedad, listado con filtros y exploración por destinos
Home, detalle, listado con mapa y exploración por destinos — un mismo lenguaje visual sostiene todo el flujo.
/decisiones — 04

Decisiones, no pantallas.

decisión 01

Señales de confianza dentro de la tarjeta

Cada tarjeta de propiedad expone tipo, capacidad y las condiciones del intercambio —couchsurfing, acuerdos de última hora— antes de entrar al detalle. La confianza empieza en el listado, no en la ficha.

por qué importa

En un intercambio de casa, el usuario decide con quién y cómo — cuanto antes tenga esas señales, más rápido y seguro avanza.

decisión 02

Publicar una casa guiado, no en un formulario en blanco

La carga de imágenes incluye microcopy que enseña —«sube fotos de calidad, horizontales»— y estados claros de arrastre y selección. Publicar deja de ser una tarea intimidante.

trade-off aceptado

Más ayudas en pantalla a cambio de mejores anuncios — la calidad del inventario sostiene toda la plataforma.

decisión 03

Estados explícitos para gestionar tus propiedades

Cada anuncio se activa o desactiva con un toggle, y las acciones —editar, calendario, eliminar— viven juntas. El anfitrión controla su disponibilidad sin ambigüedad.

resultado

Gestionar un hogar publicado pasa de ser confuso a un panel donde cada estado y acción es evidente.

/design-system — 05

Componentes nuevos, fieles a la marca de Marcel.

Marcel ya tenía su propio lenguaje visual, así que no partí de cero: creé los componentes que el intercambio de viviendas necesitaba —botones con sus estados (default, hover, disabled), campos de formulario con validación (default, activo, error, disabled), checkboxes, radios, selects, tarjetas de propiedad, cargador de imágenes e iconografía— respetando en todo momento las normas de marca de Publicis. Definir cada estado por adelantado hizo que la implementación no dependiera de interpretaciones.

Librería de componentes de Home Swap: botones, campos de formulario con estados, checkboxes, radios, iconos, cargador de imágenes y tarjetas de propiedad
Botones, formularios, controles, iconografía y tarjetas — cada componente con todos sus estados documentados.
/resultado — 06

Una plataforma coherente, de la búsqueda a la gestión.

Flujo completo

Buscar, descubrir, publicar y gestionar propiedades resueltos como una sola experiencia.

Confianza de serie

Señales de confianza integradas en tarjetas, fichas y flujos de publicación.

Sistema entregado

Librería de componentes con estados definidos, lista para escalar sin rediseñar.

Los resultados de este proyecto son cualitativos — no se publican KPIs que no puedan verificarse.

/reflexión — 07

Lo que me llevo.

qué funcionó

Diseñar la tarjeta de propiedad como pieza central — resolverla bien mejoró el listado, el mapa y la exploración a la vez.

qué fue difícil

Equilibrar el descubrimiento visual con la densidad de información que un intercambio de casa exige para generar confianza.

qué mejoraría hoy

Cerrar el círculo con el flujo de mensajería y verificación entre usuarios — la confianza también se construye en la conversación.

/siguiente-proyecto

Liberbank →

Calculadora de hipoteca y buscador de oficinas: dos landing orientadas a captación SEO.